
#@layout()
#define css()
<link rel="stylesheet" href="#(CPATH)/static/components/jquery-file-upload/css/jquery.fileupload.css">
<style>
    #uploader {
        height: 230px;
    }
    .myPanel {
        font-size: 25px;
        color: #ccc;
        text-align: center;
        padding-top: 60px;
    }
</style>
#@layout_css?()
<link rel="stylesheet" href="#(CPATH)/static/components/datepicker/css/bootstrap-datepicker3.min.css">
#end
#define script()
<script src="#(CPATH)/static/components/ckeditor/ckeditor.js"></script>
<script src="#(CPATH)/static/components/editable/js/bootstrap-editable.min.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/jquery.iframe-transport.js"></script>
<script src="#(CPATH)/static/components/jquery-file-upload/js/jquery.fileupload.js"></script>
<script>
    $('#cfile').fileupload({
        dropZone: $('#uploader'),
        url: '#(CPATH)/commons/attachment/upload',
        sequentialUploads: true,
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $(".myPanel").text("上传进度：" + progress + "%")
        },
        done: function (e, data) {

            $(".myPanel").text("或者拖动文件到这里进行上传...");

            if(data.result.state == "ok"){
                $("#attachment").val(data.result.src);
                toastr.success("文件上传成功...")
            }else {
                toastr.error(data.result.message)
            }
        }
    });

</script>
#@layout_script?()
<script src="#(CPATH)/static/components/datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="#(CPATH)/static/components/datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script>
    $("input[hint='date']").datepicker({
        format: 'yyyy-mm-dd',
        language: 'zh-CN'
    });

  function doSubmit() {
    ajaxSubmit("#form", function (data) {
        $("#entryId").attr("value", data.id);
        toastr.success('内容保存成功。');
        location.href="/admin/interact/jpress_addon_interact";
    })
  }

    $("#submit").on("click", function () {
        doSubmit();
    })

    initEditor('editor1', 467, "html");

    </script>
#end


#define content()
<div class="content-wrapper">

    <section class="content-header">
        <h1>
                        编辑/新增
            <small>Edit</small>
        </h1>
    </section>

    <section class="content">

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header ">
                        <h3 class="box-title"></h3>
                    </div>
                    <form class="form-horizontal form-setting" autocomplete="off"
                          action="/admin/interact/jpress_addon_interact/doSave"
                          method="POST" id="form">

                        <div class="box-body ">
	                                <input type="hidden" id="entryId" name="jpressAddonInteract.id" value="#(jpressAddonInteract.id ??)">

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">姓名</label>
                                        <div class="col-sm-6">

                                            <input type="input" name="jpressAddonInteract.name" class="form-control" value="#(jpressAddonInteract.name ??)"
                                                   placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">电话</label>
                                        <div class="col-sm-6">

                                            <input type="input" name="jpressAddonInteract.phone_number" class="form-control" value="#(jpressAddonInteract.phone_number ??)"
                                                   placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">邮箱</label>
                                        <div class="col-sm-6">

                                            <input type="input" name="jpressAddonInteract.email" class="form-control" value="#(jpressAddonInteract.email ??)"
                                                   placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">标题</label>
                                        <div class="col-sm-6">

                                            <input type="input" name="jpressAddonInteract.title" class="form-control" value="#(jpressAddonInteract.title ??)"
                                                   placeholder="">
                                        </div>
                                    </div>
		                            <div class="form-group">
		                                <label class="col-sm-2 control-label">内容</label>
		                                <div class="col-sm-8">
                                            <textarea id="editor1" name="jpressAddonInteract.content" style="height: 467px;width: 100%;background-color: white">#(jpressAddonInteract.content ??)</textarea>
		                                </div>
		                            </div>
                                    #if(jpressAddonInteract.attachment ??)
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">历史附件</label>
                                        <div class="col-sm-6">
                                            <a href="#(jpressAddonInteract.attachment ??)">下载附件</a>
                                        </div>
                                    </div>
                                    #end
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">附件</label>
                                        <div class="col-sm-6">
                                            <input id="attachment" type="hidden" name="jpressAddonInteract.attachment" value="#(jpressAddonInteract.attachment ??)"/>
                                            <div id="uploader">
                                                <span class="btn btn-block btn-primary fileinput-button" style="width: 120px">
                                                    <i class="glyphicon glyphicon-plus"></i>
                                                    <span>选择文件...</span>
                                                    <input id="cfile" type="file" name="files[]" multiple>
                                                </span>
                                                <div class="myPanel">
                                                    或者拖动文件到这里进行上传...
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            <div class="col-sm-offset-2 col-sm-10 submit-block">
                                <div class="box-submit">
                                    <button id="submit" type="button" class="btn btn-primary">提交</button>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-footer -->
                    </form>
                </div>
            </div>
        </div>

    </section>

</div>
#end
